<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">
<head>
<base href="${pageContext.request.contextPath}/">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>首页 - 光年(Light Year Admin)后台管理系统模板</title>

</head>
  
<body data-theme="default">
<body class="lyear-layout-web">
  <div class="lyear-layout-container">
    <jsp:include page="common.jsp"/>
    <!--左侧导航-->

    <!--End 头部信息-->
    
    <!--页面主要内容-->
    <main class="lyear-layout-content">
      
      <div class="container-fluid">


        <div class="row">
          <div class="col-lg-12">
            <div class="card">

                <div class="card-body">

                  <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
                  <div id="main" style="width: 1200px;height:400px;"></div>
                  <div id="main2" style="width: 1200px;height:400px;"></div>


                  </div>

                </div>
              </div>
            </div>
          </div>



      
    </main>
    <!--End 页面主要内容-->
  </div>
</div>



<!--图表插件-->
<script type="text/javascript" src="js/Chart.js"></script>

  <script type="text/javascript">
    $.ajax({
      url:"admin/GamingPlatformController/findPlaAndGames",
      type:'GET',
      dataType:'JSON',
      success:function (resp){
        console.log(resp.data)
        var xArr = new Array();
        var yArr = new Array();
        for (let i = 0; i < resp.data.length; i++) {
          var datum = resp.data[i];
          xArr.push(datum.planame)
          yArr.push(datum.ct)
        }
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
          title: {
            text: '游戏平台名字以及内部游戏个数'
          },
          tooltip: {},
          legend: {
            data: ['游戏个数']
          },
          xAxis: {
            data:xArr
          },
          yAxis: {},
          series: [
            {
              name: '游戏个数',
              type: 'bar',
              data: yArr
            }
          ]
        };
        myChart.setOption(option);
      }
    })
            $.ajax({
              url:"admin/GamesController/findrevenue",
              type:'GET',
              dataType:'JSON',
              success:function (resp){
                console.log(resp.data)
                var xArr = new Array();
                var yArr = new Array();
                for (let i = 0; i < resp.data.length; i++) {
                  var datum = resp.data[i];
                  xArr.push(datum.gname)
                  yArr.push(datum.revenue)
                }
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('main2'));

                // 指定图表的配置项和数据
                var option = {
                  title: {
                    text: '游戏营收前五'
                  },
                  tooltip: {},
                  legend: {
                    data: ['营收']
                  },
                  xAxis: {
                    data:xArr
                  },
                  yAxis: {},
                  series: [
                    {
                      name: '营收',
                      type: 'bar',
                      data: yArr
                    }
                  ]
                };
                myChart.setOption(option);
              }
            })


    // 使用刚指定的配置项和数据显示图表。



    // 使用刚指定的配置项和数据显示图表。

  </script>
</body>
</body>
</html>